<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <title>运单详情</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<style>

</style>

<body>
    <div class="fixedBg" style="display: none;">

    </div>
    <div id="mainId" style="height:0px">

    </div>
    <div class="bg">
        <p>运单详情</p>
    </div>
    <div class="content">
        <div class="card">
            <div class="top">
                <div class="adress1 adress">
                    <img src="./imgs/in.png" alt="">
                    <div>
                        <p class="title1" detail="detail_address"></p>
                        <p class="title2" detail="ship_address"></p>
                    </div>
                </div>
                <div class="dashLine"></div>
                <div class="adress2 adress">
                    <img src="./imgs/out.png" alt="">
                    <div>
                        <p class="title1" detail="to_detail_address"></p>
                        <p class="title2" detail="to_address"></p>
                    </div>
                </div>
            </div>
            <!-- <div class="line">
            </div>
            <div class="bottom">
                <div class="distance">
                    <div>
                        <p class="title1">1.79km</p>
                        <p class="title2">距装货地约</p>
                    </div>
                    <div class="arrow">
                        <img src="./imgs/arrow1.png" alt="">
                        <p style="color: #3c65db;">去装货地</p>
                    </div>
                </div>
                <div class="distance">
                    <div>
                        <p class="title1">1.79km</p>
                        <p class="title2">距卸货地约</p>
                    </div>
                    <div class="arrow">
                        <img src="./imgs/arrow2.png" alt="">
                        <p style="color: #ed6436;">去卸货地</p>
                    </div>
                </div>
            </div> -->


        </div>
        <div class="card">
            <div class="header">
                运费信息
            </div>
            <div class="infoItem">
                <p class="title1">运单编号</p>
                <p class="title2" detail="main_id"></p>
            </div>
            <div class="line">
            </div>
            <div class="infoItem">
                <p class="title1">截止日期</p>
                <p class="title2" detail="last_xh_time"></p>
            </div>
            <div class="line">
            </div>
            <div class="infoItem">
                <p class="title1">运费总额</p>
                <p class="title2" detail="price"></p>元
            </div>
            <div class="line">
            </div>
            <div class="infoItem">
                <p class="title1">运单单价</p>
                <p class="title2" detail="huo_price"></p>元/吨
            </div>
        </div>
        <div class="card">
            <div class="header">
                货物信息
            </div>
            <div class="infoItem">
                <p class="title1">所需车型</p>
                <p class="title2" detail="models"></p>
            </div>
            <div class="line">
            </div>
            <div class="infoItem">
                <p class="title1">所需车长</p>
                <p class="title2" detail="chechang"></p>
            </div>
            <div class="line">
            </div>
            <div class="infoItem">
                <p class="title1">货物名称</p>
                <p class="title2" detail="goods"></p>
            </div>
            <div class="line">
            </div>
            <div class="infoItem">
                <p class="title1">货物类型</p>
                <p class="title2" detail="type"></p>
            </div>
            <div class="line">
            </div>
            <div class="infoItem">
                <p class="title1">货物类型重量</p>
                <p class="title2" detail="weight"></p>吨
            </div>
            <div class="line">
            </div>
            <div class="infoItem">
                <p class="title1">备注</p>
                <p class="title2" detail="remark"></p>
            </div>
        </div>
        <div class="card">
            <div class="header">
                收货方信息
            </div>
            <div class="infoItem">
                <p class="title1">收货方</p>
                <p class="title2" detail="con_name"></p>
            </div>
            <div class="line">
            </div>
            <div class="infoItem">
                <p class="title1">收货方电话</p>
                <p class="title2" detail="con_phone"></p>
                <!-- <img class="iphone" src="./imgs/phone.png" alt=""> -->
            </div>
        </div>

    </div>
    <div class="fixedBtn" data-clipboard-action="copy" data-clipboard-target="#mainId">
        立即接单
    </div>
    <script src="./js/md5.min.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/clipboard.min.js"></script>
    <!-- <script src="./js/_custom.js"></script> -->
    <script src="./custom.js"></script>
</body>

</html>